/**
 * CSS Document * 
 * Created by Jessie 2016/7/19.
 */
@import "common/reset";
@import "common/grids";
@import "common/common";
html{background:#95b95f url("../images/ns2016_ydy_bg.jpg") no-repeat left top;position:relative;z-index: 1;min-height:800px;}
#header{
  h1{.dis-in-b;width: 350px;height: 52px;position: fixed;left: 190px;top:32px;
    a{.dis-in-b;width: 350px;height: 52px;background: url("../images/ns2016_ydy_logo.png") no-repeat;}}
  .r-box{.dis-in-b;position: fixed;top:32px;right: 0;.text-right;
    .top-p{font:14px/20px @font-yahei;color: #333;a{margin: 0 5px;font:14px/20px @font-yahei;color: #333;&:hover{color: #f60;}}}
    .top-ico{.mt10;position: relative;.clearfix;
      a{.dis-in-b;.float-left;width: 35px;height: 35px;margin-left: 10px;
        &.a1{background: url("../images/ns2016_ydy_tico.png") no-repeat 0 0;}
        &.a2{background: url("../images/ns2016_ydy_tico.png") no-repeat -45px 0;}
        &.a3{background: url("../images/ns2016_ydy_tico.png") no-repeat -90px 0;}
        &.a4{background: url("../images/ns2016_ydy_tico.png") no-repeat -135px 0;}
      }
      span{.dis-in-b;.float-left;width: 65px;height: 35px;margin-left:10px;padding-left:40px;background: url("../images/ns2016_ydy_tel_ico.png") no-repeat left center;font:bold 16px/20px @font-yahei;color: #1B80E9;.text-left;}
      .tc{.dis-in-b;background: #fff;padding: 10px 0;position: absolute;top:45px;left:72px;.clearfix;display: none;
        li{.dis-in-b;.float-left;margin: 0 10px;.text-center;font:14px/20px @font-yahei;color: #333;img{width: 70px;height: 70px;}}}
        i{.dis-in-b;width: 15px;height: 18px;background: url("../images/ns2016_top_tcico.png") no-repeat;position: absolute;left: 84px;top:-8px;}
    }
  }
}
.left-btn{
  .btn{.dis-in-b;position: fixed;z-index: 10;}
  .tc-box{.dis-in-b;width: 186px;height: 72px;padding:0 22px 14px 34px;background: url("../images/ns2016_ydy_atc_ico.png") no-repeat;position: absolute;display: none;z-index: 100;
    h2{height:30px;font:bold 16px/30px @font-yahei;color: #fb7749;overflow: hidden;}
    p{height:36px;font:12px/18px @font-yahei;color: #666;overflow: hidden;}
  }
  .a1{width: 143px;height: 134px;background: url("../images/ns2016_ydy_a1.png") no-repeat;left: 136px;top:131px;cursor: pointer;
    &.hover{background: url("../images/ns2016_ydy_a1_h.png") no-repeat;}
    .tc-box{top:24px;left:123px;}
  }
  .a2{width: 82px;height: 77px;background: url("../images/ns2016_ydy_a2.png") no-repeat;left: 403px;top:233px;cursor: pointer;
    &.hover{background: url("../images/ns2016_ydy_a2_h.png") no-repeat;}
    .tc-box{top:4px;left:60px;}
  }
  .a3{width: 126px;height: 119px;background: url("../images/ns2016_ydy_a3.png") no-repeat;left: 0;top:248px;cursor: pointer;
    &.hover{background: url("../images/ns2016_ydy_a3_h.png") no-repeat;}
    .tc-box{top:16px;left:103px;}
  }
  .a4{width: 84px;height: 79px;background: url("../images/ns2016_ydy_a4.png") no-repeat;left: 170px;top:385px;cursor: pointer;
    &.hover{background: url("../images/ns2016_ydy_a4_h.png") no-repeat;}
    .tc-box{top:2px;left:64px;}
  }
  .a5{width: 130px;height: 122px;background: url("../images/ns2016_ydy_a5.png") no-repeat;left: 278px;top:258px;cursor: pointer;z-index: 9;
    &.hover{background: url("../images/ns2016_ydy_a5_h.png") no-repeat;z-index: 100;}
    .tc-box{top:20px;left:105px;}
  }
}
.qiqiu-box{.dis-in-b;width: 259px;height:221px;position: fixed;left:463px;top:517px;img{width: 259px;height:221px}}
.wenzi{.dis-in-b;width: 579px;height: 70px;position: fixed;left: 560px;top: 212px;img{width: 579px;height: 70px;}}
.tzgg-box{.dis-in-b;width: 273px;height: 199px;padding:114px 50px 20px 62px;background:url("../images/ns2016_ydy_gzgg_bg.png") no-repeat;position: fixed;left:790px;top:390px;z-index: 10;
  ul{
    li{a{background: url("../images/ns2016_ydy_li_ico.png") no-repeat left 10px;padding-left: 14px;font:14px/30px @font-yahei;color: #333;&:hover{color: #f60;}}}
  }
}
.jm-bg{.dis-in-b;width: 238px;height: 394px;background: url("../images/ns2016_ydy_rb_ico.png") no-repeat left top;position: fixed;right: 0;top:360px;z-index: 5;}
#footer{width: 100%;height: 44px;position: fixed;left: 0;top:755px;background: url("../images/ns2016_ydy_footer_bg.png") repeat left top;.clearfix;
  .l-span{.dis-in-b;.float-left;padding-left: 40px;font:14px/44px @font-yahei;color: #fff;a{margin: 0 10px;font:14px/44px @font-yahei;color: #fff;&:hover{color: #f60;}}}
  .r-span{.dis-in-b;.float-right;padding-right:50px;font:14px/44px @font-yahei;color: #fff;}
}